<template>
	<div>
		        <form class="bgff layui-form" style="height:100%" id="myForm" method="post" action="http://yun.kouhaobang.com/member/order/repay/2693">
		           <div style="height:calc( 100% - 60px );overflow:auto;">
		                                <div class="p20 fz16" style="width:1100px;">
		                    <div class="layui-form-item">
		                        <label class="layui-form-label" style="padding-left:0;width:112px;">投放平台：</label>
		                        <div class="layui-input-block c-f2752e" style="font-size:16px;padding-top:7px;">
		                            <i class="khbicon khb-order fz16 mr5"></i>
		                            <span>软文资源</span>
		                            <input type="hidden" name="type" value="article">
		                        </div>
		                    </div>
		                    <div class="layui-form-item">
		                        <label class="layui-form-label" style="width:110px">投放类型：</label>
		                        <div class="layui-input-block" id="delivery-type" data-time="actionNow">
		                                                        <input type="radio" name="price_type" data-t="quota_min" title="直接投放" checked="">
		                                                                                    </div>
		                    </div>
		                    <div class="layui-form-item">
		                        <label class="layui-form-label" style="width:110px">文章标题：</label>
		                        <div class="layui-input-block">
		                            <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="建议文章标题50字内，不要出现特殊字符" class="layui-input" disabled="" value="标题">
		                        </div>
		                    </div>
		                    <div class="layui-form-item">
		                        <label class="layui-form-label" style="padding-left:0;width:112px;">稿件内容：</label>
		
		                        <div class="layui-input-block" id="articles" data-type="link">
		                            
		                            <input type="radio" name="source_type" data-c="4" value="online" lay-verify="source" lay-filter="source_type" title="在线编辑" disabled="" checked="">
		                            <input type="radio" name="source_type" data-c="2" value="upload" lay-verify="source" lay-filter="source_type" title="上传文档" disabled="">
		                            <input type="radio" name="source_type" data-c="3" value="file" lay-verify="source" lay-filter="source_type" title="已传素材" disabled="">
		                        </div>
		                    </div>
		                    <div class="layui-form-item article-li  hide ">
		                        <label class="layui-form-label" style="width:110px">来源链接：</label>
		                        <div class="layui-input-block">
		                            <input type="text" disabled="" name="link" lay-verify="" autocomplete="off" placeholder="如因客户稿件内容有误给发布了，媒介主不承担责任。" class="layui-input link" value="">
		                        </div>
		                    </div>
		                    <div class="layui-upload layui-form-item article-li  hide ">
		                        <label class="layui-form-label" style="width:110px">上传附件：</label>
		                        <div class="layui-input-block">
		                            <button type="button" class="layui-btn khb-btn" id="test1">添加文档</button>
		                            <div class="layui-upload-list" style="position:absolute;top:-15px;width:500px;left:100px;margin:0;">
		                                <img class="layui-upload-img" id="demo1">
		                                <p id="demoText">（注：传docx后缀文件）</p>
		                            </div>
		                            <input type="hidden" name="file_url" id="file_url" value="">
		                            <input type="hidden" name="type_name" id="type_name" value="">
		                        </div>
		                    </div>
		                    <div class="layui-form-item article-li  hide ">
		                        <label class="layui-form-label" style="width:110px">选择素材：</label>
		                        <div class="layui-input-inline">
		                            <select name="select_files" id="member_file">
		                                <option value="">选择素材</option>
		                                                                                                            <option value="86">啊啊啊啊</option>
		                                                                            <option value="87">hhhhh</option>
		                                                                            <option value="88">微博</option>
		                                                                            <option value="89">视频、直播</option>
		                                                                            <option value="90">小红书</option>
		                                                                            <option value="91">自媒体</option>
		                                                                            <option value="92">啦啦啦啦</option>
		                                                                            <option value="93">都是三点撒多</option>
		                                                                            <option value="94">啦啦啦啦</option>
		                                                                            <option value="99">公众号</option>
		                                                                                                </select>
		                        </div>
		                    </div>
		                    <div class="layui-form-item layui-form-text article-li ">
		                        <label class="layui-form-label">内容展示</label>
		                        <div class="layui-input-block">
		                            <textarea name="content" placeholder="请输入内容" id="container" class="layui-textarea">&lt;p&gt;啊啊啊&lt;/p&gt;</textarea>
		                        </div>
		                    </div>
		                    <div class="layui-form-item">
		                        <label class="layui-form-label" style="width:110px">执行时间：</label>
		                        <div class="layui-input-block" id="times" data-time="now">
		                            <input type="radio" name="action_type" data-c="1" lay-verify="time" lay-filter="time" value="actionNow" title="立即执行" checked="">
		                            <input type="radio" name="action_type" data-c="2" lay-verify="time" lay-filter="time" value="setTime" title="选择时间">
		                        </div>
		                    </div>
		                    <div class="layui-form-item time-li  hide ">
		                        <label class="layui-form-label" style="width:110px"></label>
		                        <div class="layui-input-inline">
		                            <input type="text" name="start_time" id="dateFrom" lay-verify="" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input" value="">
		                        </div>
		                        <div class="fl" style="margin-top:10px;margin-right:10px;">至</div>
		                        <div class="layui-input-inline">
		                            <input type="text" name="end_time" id="dateTo" lay-verify="" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input" value="">
		                        </div>
		                    </div>
		
		                    <div class="layui-form-item layui-form-text">
		                        <label class="layui-form-label">活动备注：</label>
		                        <div class="layui-input-block">
		                            <textarea placeholder="活动备注" class="layui-textarea" name="mark">这是备注</textarea>
		                        </div>
		                    </div>
		                </div>
		            </div>
		            <div class=" plr20 mb20" style="height:40px;width:1100px;">
		                <div class="fl">
		                    <span class="ordernum pointer" style="padding:4px 8px;border:1px solid #f2752e;border-radius:2px;">已选资源 <i class="c-f2752e" id="ordercount">0</i> 条</span>
		                </div>
		                <div class="fr">
		                    <span>总金额<em class="c-f2752e mlr10" id="orderprice">0</em>元</span>
		                    <button class="layui-btn khb-btn ml10 orderpaybtn" lay-submit="" lay-filter="demo1" data-ids="">确认提交</button>
		                </div>
		            </div>
		        </form>
	</div>
</template>

<script>
</script>

<style>
	
	@import url("../../static/css/khbicon.css");
	@import url("../../static/layui/css/layui.css");
	@import url("../../static/css/reset.css");
	@import url("../../static/css/home.css");
	@import url("../../static/css/personal.css");
	@import url("../../static/css/scrollbar.css");
	
	
	.layui-form-item{
	    padding-left:0;
	}
	.reserveProcess {
	    position: relative;
	    max-width: 1000px;
	}
	.reserveProcess:before {
	    position: absolute;
	    width: 80%;
	    left: 10%;
	    height: 4px;
	    background: #f7f7f7;
	    content: "";
	    top: 38px;
	}
	.reserveProcess > * {
	    float: left;
	    position: relative;
	    width: 16.66%;
	}
	.reserveProcess > *:before {
	    display: block;
	    width: 80px;
	    height: 80px;
	    margin: 0 auto;
	    content: "";
	    background: #f7f7f7;
	    border-radius: 50%;
	}
	.reserveProcess > * > * {
	    display: block;
	    text-align: center;
	    padding-top: 5px;
	    font-size: 14px;
	}
	.reserveProcess > *:after {
	    background: url(../../image/appointment-flow-icon.png) left top no-repeat;
	    background-size: 100% auto;
	}
	.reserveProcess > *:after {
	    position: absolute;
	    top: 20px;
	    left: 50%;
	    width: 40px;
	    padding-bottom: 40px;
	    margin-left: -20px;
	    content: "";
	}
	.reserveProcess > *:nth-of-type(1):after {
	    background-position: 0 0;
	}
	.reserveProcess > *:nth-of-type(2):after {
	    background-position: 0 20%;
	}
	.reserveProcess > *:nth-of-type(3):after {
	    background-position: 0 40%;
	}
	.reserveProcess > *:nth-of-type(4):after {
	    background-position: 0 60%;
	}
	.reserveProcess > *:nth-of-type(5):after {
	    background-position: 0 80%;
	}
	.reserveProcess > *:nth-of-type(6):after {
	    background-position: 0 100%;
	}
</style>
